<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--></head>

<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <!-- 设备编hao -->
                <label for="equipmentId" class="layui-form-label">
                    <span class="x-red">*</span>设备编码</label>
                <div class="layui-input-inline">
                    <input type="text" id="equipmentId" name="equipmentId" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label  class="layui-form-label">正面照片</label>
                <div class="layui-input-block">


                    <input type="file" id="file1" onchange="showPhoto(this)"   name="pic1" accept=""/>
                    <img src="" id="imgOfHead" width="300px" height="200px">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label  class="layui-form-label">背面照片</label>
                <div class="layui-input-block">

                    <input type="file" id="file2" onchange="showPhoto1(this)"    name="pic2" accept=""/>
                    <img src="" id="imgOfHead1" width="300px" height="200px">
                </div>
            </div>

            <div class="layui-form-item">
                <label  class="layui-form-label"></label>
                <button class="layui-btn" lay-filter="add" lay-submit="">增加</button></div>
        </form>
    </div>
</div>
<script type="text/javascript">
    function showPhoto(t) {
        var file = t.files[0];
        //限定上传文件的类型，判断是否是图片类型
        if (!/image\/\w+/.test(file.type)) {
            alert("只能选择图片");
            return false;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function (e) {
            base64Code = this.result;
            //把得到的base64赋值到img标签显示
            $("#imgOfHead").attr("src", base64Code);
        }
    }
    function showPhoto1(t) {
        var file = t.files[0];
        //限定上传文件的类型，判断是否是图片类型
        if (!/image\/\w+/.test(file.type)) {
            alert("只能选择图片");
            return false;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function (e) {
            base64Code = this.result;
            //把得到的base64赋值到img标签显示
            $("#imgOfHead1").attr("src", base64Code);
        }
    }

</script>

<script>layui.use(['form', 'layer','jquery'],
    function() {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        var equipmentId=window.location.search.substring(1);
        $("#equipmentId").val(equipmentId);



        //监听提交
        form.on('submit(add)',
            function(data) {

                var f=new FormData($("form")[0]);
                console.log(f.keys());

                $.ajax({
                    url:"./equipmentPicAdd",
                    type:"post",
                    data:f,
                    processData:false,
                    contentType:false,
                    success:function(data){
                        alert(data.msg);
                        if(data.msg=="添加成功"){
                            layer.alert("增加成功", {
                                    icon: 6
                                },
                                function() {
                                    // 获得frame索引
                                    var index = parent.layer.getFrameIndex(window.name);
                                    //关闭当前frame
                                    parent.layer.close(index);
                                    xadmin.close();
                                    xadmin.father_reload();
                                    return false;

                                });


                        }else {
                            layer.alert("增加失败",{
                                icon: 6
                            })
                        }

                    },
                    error:function(e){
                        alert("错误！！");
                    }

                });


                return false;

            });

    });</script>

</body>

</html>